<script setup lang="ts">
function handleClickLeft() {
  uni.navigateBack()
}
</script>

<template>
  <view class="h-full flex flex-col overflow-hidden">
    <wd-navbar title="新增桌台" left-text="返回" left-arrow @click-left="handleClickLeft" />
    <scroll-view
      class="box-border flex-1 overflow-hidden p-[10px]"
      scroll-y
      :show-scrollbar="false"
    >
      <view class="mx-[10px]">
        <wd-text text="基础信息" bold size="16px" color="#333" />
      </view>
      <custom-wd-input-single-select
        c-class="mt-3"
        label="所属区域"
        title="请选择所属食堂"
        placeholder="请选择"
        custom-input-class="text-align-right"
        placeholder-class="text-align-right"
      />
      <custom-wd-input
        custom-input-class="text-align-right"
        c-class="mt-3"
        label="桌台名称"
        placeholder="请输入"
        placeholder-class="text-align-right"
      />
      <custom-wd-input
        custom-input-class="text-align-right"
        c-class="mt-3"
        label="用餐人数"
        placeholder="请输入"
        placeholder-class="text-align-right"
      />
      <view class="mx-[10px] mt-6">
        <wd-text text="其他信息" bold size="16px" color="#333" />
      </view>
      <custom-wd-input
        custom-input-class="text-align-right"
        c-class="mt-3"
        label="数字助记码"
        placeholder="最多4位数字"
        placeholder-class="text-align-right"
      />
      <!--      桌台类型用于报表翻台率统计，非堂食不统计翻台率 -->
      <wd-cell title="点餐类型" class="mt-3 rounded-lg" center label="桌台类型用于报表翻台率统计">
        <wd-text text="请选择" color="#bfbfbf">
          <template #suffix>
            <wd-icon name="chevron-right" color="#bfbfbf" size="16" />
          </template>
        </wd-text>
      </wd-cell>
    </scroll-view>
    <view class="box-border h-[76px] flex items-center bg-white p-2">
      <wd-button
        class="flex-1 !border-1 !border-border !border-solid !text-primary"
        type="info"
        :round="false"
      >
        保存并继续添加
      </wd-button>
      <wd-button class="ml-2 flex-1" type="primary" :round="false">保存</wd-button>
    </view>
  </view>
</template>

<style scoped lang="scss"></style>
